/* Style Gudie css start here */
.primary-clr{background-color: #4BA489 !important;    padding: 3px 0px !important}
.para-clr{color: #C1C3C6 !important;}
.white-text{color: #fff !important;}
.b1{font-size: 18px !important;}
.b2{font-size: 16px !important; line-height: 23px;}
.b3{font-size: 14px !important;}
.b4{font-size: 12px !important;}
.primary-clr-theory{color: #4ba489 !important;}
h1{font-size: 40px !important;}
h2{font-size: 36px !important;  line-height: 49px !important;}
h6{line-height: 26px;}
.light-bg-clr{background-color: #F2F9F7 !important;}
h2 {
    font-size: 37px;}
    h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
    color: #4ba489;
 }

#header3.main-header .header-style2 {
    background-color: #ffffff;
    padding: 0px 25px !important;
    border-radius:70px;
    box-shadow: 0px 4px 19px 0px rgba(0, 0, 0, 0.07);}

.img-height{height: 500px;}


.main-header .main-menu .navigation > li > a{    font-size: 15px;     padding: 21px 0px;}
 .list-btn{list-style-type: none;}
.lab-mrng{margin-top: 20px !important;}
/* Style Gudie css start here */
.footer-main .widget-menu ul.box-menu li a {    font-size: 14px;}
.user-profile-card{width: 150%;}
.img-regiter-div-profile {
     margin-left: -64px;
    margin-top: 90px;
    width: 109% !important;}

.sft-btn{    background-color: #4ba489;
    padding: 9px 11px;   
     border-radius: 8px;
    color: #fff;
  text-decoration: none; }
.sft-btn:hover{background-color: #0e7456; color: #fff;}

/* Top and header css start here */
.btn-mrng-div{margin-top: 25px;}
.registe-content-bg-3 {background-color: #f6f6f6;
    height: 742px;}
    .img-regiter-div-1 {
    margin-left: -88px;
    width: 129% !important;}
.header-box-shadow{border-radius: 0px !important;}
.login-register-btn a{
  text-decoration: none !important;
  color: #18775a !important;
}
    .btn-icon-list {
        padding: 8px 7px 8px 13px;
            border-radius: 9px;
    background-color: #4ba489 !important;
    color: #ffffff;
    display: inline-block;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 18.9px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.btn-icon-list:hover{background-color: #18775a !important; color: #fff !important;}
.register-bg-div-1 {
    background-color: #ffff;
    border-radius: 10px;
    padding: 13px 36px !important;
   }
.font-icon-ttl{    font-size: 8px;
    position: relative;
    left: -8px;
    top: -3px;}
.banner-section-ttl{line-height: 44px;}
.carousel-caption {
    position: absolute;
 right: 15%;
bottom: 0.25rem; 
top: 110px;   
   left: 9% !important;
    /* padding-top: 1.25rem; */
    padding-bottom: 16.25rem !important;
    color: #fff;
    text-align:left !important;}
    .widget-search-car {
        margin-top: -128px;}
.search-form-widget .tab-content{box-shadow: -1px 15px 7px 0px rgba(0, 0, 0, 0.06) !important;
}
.widget-car-service {
    padding-top: 100px;    padding-bottom: 60px;}
    .search-form-widget ul li .nav-link.active::after{    border-top: 18px solid #4ba489;}
    .search-form-widget ul li .nav-link.active {
    background-color: #4ba489; }
    .search-form-widget ul li .nav-link:hover {
    background-color: #4ba489;
    color: #ffffff;}
.icon-search-1{    position: relative;
    left: -10px;
    top: 3px;
}
    .post-proparty-icon{    position: relative;
    top: 6px;}
    .search-btn-div:hover{background-color:#18775a !important; color: #fff !important;}
    .search-btn-div{background-color: #4ba489 !important;
    color: #ffff;
    padding: 7px 38px !important;
    border-radius: 8px !important;
  text-decoration: none;}
    .tf-car-service .image .stm-badge-top .feature span {
    background-color: #4ba489}
    .tf-car-service{height: 621px !important;}
    .btns-div{    position: relative;
    top: -2px;}
    .tf-car-service .content .bottom-btn-wrap {
    margin-top: 5px;}
/* banner section css start here */
.nice-select{padding: 3px 40px 13px 25px !important;    font-size: 14px;}
.search-text-para{    position: relative;
    top: 5px;}


/* Types of sft99 section start here */
.types-sft99-section-main{background-image: url(../images/partner/Background.png); background-repeat: no-repeat; background-size: 100%; padding: 92px; margin-bottom: 60px;     height: 450px;}
.types-sft99-section-center{background-color: #021B13; padding: 44px;}
.BHK-div{width: 200px;
    height: 200px;
    border: 1px solid #63ceac;
    border-radius: 10px;
    padding: 33px 28px;
}
.BHK-div:hover{background-color: #00b386; color: #fff;}
.bhk-icon-div{width: 60px;height: 60px; border: 1px solid #63ceac;  border-radius: 10px;    padding: 10px 12px;     margin-left: 48px;
    border-radius: 10px;}
.types-sft99-content{text-align: center;}
.margin-div{ margin: 0px 39px;}
.villas-div-number{    font-size: 20px;
    font-weight: 400;
    color: #fff; }
    .widget-car-list-v2 {
    padding-bottom: 60px;}
/* Types of sft99 section start here */
.themesflat-container {padding-right: 42px;
    padding-left: 34px;}
    .border-footer-cont{    border: 2px dashed #4ba489;
   
    padding: 2px 1px 18px 0px;}
    .pt-20 {
    padding-top: 53px}
    .footer-main .widget-info ul li i {
    color: #4ba489;
    width: 36px;
    margin-top: 7px;}
    .main-header .main-menu .navigation > li{    margin-right: 35px;}
    .footer-main .widget-menu ul.box-menu li a:hover {
    color: #4ba489}
    .footer-main .widget-menu ul.box-menu li a::before {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0px;
    bottom: -10%;
    background: #4ba489;
    transition: transform 0.5s ease 0s;
    transform: scale3d(0, 1, 1);
    transform-origin: 0px 50%;}

    .div-marng-btn-1{    margin-top: -5px;}
  .button-go::before {
    z-index: -1;
    background-color: #4ba489;}
    ul.social-icon li a i:hover {
    background-color: #83e9ca;}
    .main-header .main-menu .navigation > li:hover > a, .main-header .main-menu .navigation > li.current > a {
    opacity: 1;
    color: #4BA489}
ul.social-icon li a i {
    color: #4ba489;}
    .main-menu ul.navigation > li > a::before {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 50%;
    top: 62%;
    background: #4ba489;
    transition: 0.5s transform ease;
    transform: scale3d(0, 1, 1);
    transform-origin: 0 50%;}

    a:hover, a:focus, a.active {
    text-decoration: none;
    outline: none;
    color: #0e7456;}
    .heading-section .sub-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0.11em;
    color: #4ba489;
    position: relative;
    display: inline-block;
    text-transform: uppercase;}
    .heading-section .sub-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0.11em;
    color: #4ba489;
    position: relative;
    display: inline-block;
    text-transform: uppercase;}
    .footer-top .title-footer-top {font-size: 40px;}
    .navigation > li > a:active{color: #4BA489 !important;}
    .hover-listing-image .wrap-hover-listing .bullet-hover-listing .bl-item.active {
    background: #4ba489;}
    .btn-read-more .more-link:hover {
    color: #4ba489;}

    .tf-car-service .content .bottom-btn-wrap .btn-read-more .more-link i {
    color: #4BA489;
    margin-right: 12px;
    }

    .carousel-control-prev{ width: 7% }
    .logo-box .logo img {
        width: 90px;
        height: auto;}
/* signup flow start here */
.signup-main{background-color: #F6F6F6; padding-bottom: 60px; padding-top: 105px;     }
.tab-menu-main a :active{background-color: #E3E3E3 !important; color:#7d7d7d !important;}
.tab-menu-a{background-color: #E3E3E3;
    padding: 7px;
    border-radius: 3px;
    color: #7b7b7b !important;margin-left: 20px;}
    .tab-menu-icon{font-size: 15px;
    position: relative;
    top: -1px;
    left: -2px}
    .line-div-menu{    margin-right: 23px;
    font-size: 20px;}
    .register-bg-div{background-color: #ffff; border-radius: 10px; padding: 29px 36px !important;}
    .form-div{    margin-left: -45px !important;
    margin-top: 15px;}
    input[type=radio] + label:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    margin-right: 14px;
    position: absolute;
    top: 6px;
    left: 2px;
    border: 1px solid #aaa;
    background-color: #fff;
    border-radius: 50%;}
    input[type=radio]:checked + label:after {
    content: "";
    display: block;
    position: absolute;
    top: 10px;
    left: 6px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #4BA489;}

.form-floating>label{    left: 14px;}


.input-container {
      position: relative;
      width: 450px;
          margin: 13px -5px;
}
    

    .input-container input {
      width: 100%;
      padding: 14px 40px 14px 16px;

      border: 1px solid #4BA489;
      border-radius: 6px;
      color: #000;
      font-size: 16px;
      outline: none;
          height: 44px;
          background: none;
    }
.input-container input:hover{
      border: 1px solid #4BA489 !important;   background: none;}
    .input-container label {
      position: absolute;
      top: 50%;
      left: 16px;
      transform: translateY(-50%);
      color: #4ba489 !important;
         font-size: 15px;
      padding: 0 5px;
      pointer-events: none;
      transition: 0.2s ease all;
    }

    .input-container input:focus + label,
    .input-container input:not(:placeholder-shown) + label {
      top: -8px;
      left: 12px;
      font-size: 12px;
      color: #aaa;
    }

    .input-container .icon {
      position: absolute;
      top: 50%;
      right: 25px;
      transform: translateY(-50%);
color: #4ba489;
    }

.mobile-input-wrapper-1 {
    display: flex
;
    align-items: center;}



      .mobile-input-wrapper {
      display: flex;
      align-items: center;
      gap: 10px;
    }
.phone-clr-div{color: #4ba489 !important;}
    .country-code {
      display: flex;
      align-items: center;
      border: 1px solid #4ba489;;
      border-radius: 6px;
      padding: 8px 12px;
  
    }
    .mobile-border-div{border: 1px solid #4ba489 !important; background: none !important; }  


  
    .country-code img {
      width: 20px;
      margin-right: 6px;
    }

    .country-code span {
      font-weight: 500;
      margin-right: 6px;
    }
    
.input-field label {
         position: relative;
     right: -15px;
    bottom: 17px !important;
      transform: translateY(-50%);
      color: #aaa;
      pointer-events: none;
      transition: 0.2s ease all;
    }

    .input-field input:focus + label,
    .input-field input:not(:placeholder-shown) + label {
     top: -8px;
    left: 12px;
      font-size: 12px;
      background: #fff;
      padding: 0 4px;
    }
    .number-div-form{    padding: 8px 25px !important;
    width: 311px !important;}
    input[type=checkbox] + label:before {        top: 4px;
    left: 7px;}
    input[type=checkbox]:checked + label:after {    top: 11px;  left: 9px;}
    .box-gap-div{margin: 0px 6px;}
    .next-btn-div{    background-color: #4ba489;
    text-align: center;
    width: 521px !important;
    padding: 6px;
    border-radius: 10px;
    margin-left: 10px;
    margin-top: 20px !important;
color: #fff;
text-decoration: none;}
.next-btn-div:hover{background-color: #18775a !important; color: #fff !important;}
.book-btn-div1:hover{background-color: #18775a !important; color: #fff !important;}

.form-floating>.form-control, .form-floating>.form-select{height: 45px;    width: 310px !important;}

.form-floating>label {
    left: 15px;
    top: -6px;
      font-size: 15px;}



.content-bg-clr-div-1 {
    background-color: #F2F9F7;
    padding: 28px !important;
    width: 466px !important;
    margin-top: -7px !important;
    margin-left: 0px !important;
}

.signup-cont-div{text-align: left; margin-bottom: 10px;}

.register-para{    margin-top: 14px;
    margin-left: 42px;}

    .img-regiter-div{    margin-left: -146px;
    margin-top: 33px; width: 127% !important;}
    .number-count-div{    position: relative;
    top: 14px;}
    .tab-menu-a-1 {
    background-color: #E3E3E3;
    padding: 7px;
    border-radius: 3px;
    color: #7b7b7b !important;
  }
    .otp-line{       margin-right: -83px;
    margin-left: -71px;}
     .otp-line-1{       margin-right: -83px;
    margin-left: -54px;}

 .otp-container {
      display: flex;
      gap: 12px;
      justify-content: center;
width: 65%;
    margin: 20px 69px;
    }
    .rsend-icon{    position: relative;
    left: -8px;}
.resend-btn{position: relative;top: 7px;}
    .otp-input {
      width: 50px ;
      height: 40px;
      text-align: center;
      font-size: 24px;
      border: none;
      border-bottom: 2px solid #aaa;

      outline: none;
      transition: border-color 0.3s;
    }

    .otp-input:focus {
      border-bottom-color: #28a17a;
    }

    .otp-container input.filled {
      animation: floatIn 0.3s ease-out;
      border-bottom-color: #28a17a;
    }

    @keyframes floatIn {
      from {
        transform: translateY(10px);
        opacity: 0;
      }
      to {
        transform: translateY(0);
        opacity: 1;
      }
    }



.btn-primary {
    color: #fff;
    background-color: #4ba489;
    border-color: #4ba489;
    width: 392px;}
    
.btn-primary:hover{
    color: #fff;
    background-color: #000000;
    border-color: #4ba489;
   ;}
    .info-banner {
      background-color: #48a189; /* green background similar to image */
      border-radius: 12px;
      padding: 30px;
      color: white;
    }

    .info-banner h5 {
      font-weight: 600;
      margin-bottom: 20px;
    }

    .info-banner h5 span {
      font-weight: 700;
    }

    .info-banner ul {
      padding-left: 0;
      list-style: none;
    }

    .info-banner ul li::before {
      content: "✔";
      color: white;
      margin-right: 8px;
    }
    .info-para  {font-size: 12px !important;}
    .registe-content-main{background-color: #F6F6F6;height: 690px;}
    .list-cont-div{    margin-top: -41px; margin-bottom: 40px;}
    .book-btn-div1{    background-color: #4ba489;
  
    padding: 11px 154px !important;
    color: #fff;
    border-radius: 8px;}

    .book-btn-div2{    background-color: #4ba489;
  
    padding: 11px 192px !important;
    color: #fff;
    border-radius: 8px;}
.divider-1{width: 90%;}

.book-btn-div2:hover{    background-color: #18775a !important;
    color: #fff !important;}
.img-regiter-div-loc {
   margin-left: -77px;
    margin-top: 72px;
    width: 127% !important;}

.copy-link-btn{    background-color: #4ba489;
    padding: 10px 68px;
    border-radius: 10px;
    color: #fff;}
.book-btn-div3:hover{ background-color: #18775a !important;
    color: #fff !important;}

.medium-buttons-div{    background-color: #4ba489;
    color: #fff;
   padding: 12px 55px;
    border-radius: 8px;
    font-size: 14px;}




.medium-buttons-div:hover{ background-color: #24896b !important; color: #fff !important;}
.medium-buttons-div-1{ border: 1px solid #48a189;
    color: #48a189;
       padding: 10px 83px;
    border-radius: 8px;
    font-size: 14px;
}



.content-bg-clr-div-3 {
    background-color: #F2F9F7;
    padding: 2px 35px !important;
    width: 466px !important;
    margin-top: 1px !important;
    margin-left: 0px !important;
}

 .success-card {

      border-radius: 20px;
      padding: 40px;
      text-align: center;

      position: relative;
      width: 360px;
    }

    .checkmark-circle {
      width: 100px;
      height: 100px;
      border-radius: 50%;
      background: #e6fff0;
      margin: 0 auto 20px;
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      animation: popIn 0.5s ease-out forwards;
    }

    .checkmark-circle::before {
      content: '✔';
      font-size: 48px;
      color: #4BA489;
      transform: scale(0);
      animation: scaleIn 0.3s ease-out 0.4s forwards;
    }

    @keyframes popIn {
      0% {
        transform: scale(0.5);
        opacity: 0;
      }
      100% {
        transform: scale(1);
        opacity: 1;
      }
    }

    @keyframes scaleIn {
      to {
        transform: scale(1);
      }
    }

    .success-card h3 {
      color: #4BA489;
      font-weight: 600;
    }

    .success-card p {
      color: #6c757d;
      margin-bottom: 30px;
    }

    .sparkles {
      position: absolute;
      top: 15px;
      left: 50%;
      transform: translateX(-50%);
      width: 200px;
      height: 100px;
      pointer-events: none;
    }

    .sparkles span {
      position: absolute;
      width: 6px;
      height: 6px;
      background: #ffc107;
      border-radius: 50%;
      opacity: 0.7;
      animation: float 2s infinite ease-in-out;
    }

    .sparkles span:nth-child(2) {
      left: 30px; top: 10px; background: #0dcaf0;
      animation-delay: 0.2s;
    }
    .sparkles span:nth-child(3) {
      left: 100px; top: 5px; background: #6f42c1;
      animation-delay: 0.4s;
    }
    .sparkles span:nth-child(4) {
      left: 160px; top: 20px; background: #fd7e14;
      animation-delay: 0.6s;
    }

    @keyframes float {
      0%, 100% { transform: translateY(0); }
      50% { transform: translateY(-8px); }
    }

    .sucesss-btn-div{background-color: #4BA489;
    padding: 10px 55px;
    color: #fff;
    border-radius: 10px;}



    
    .btn-role {
      border: 1px solid #ccc;
      border-radius: 999px;
      padding: 6px 30px;
      font-weight: 500;
      color: #000;
      background-color: #fff;
      
    }

.form-div-1 {
    margin-left: -13px !important;
    margin-top: 15px;}
   
    .btn-role-1 {
      border: 1px solid #ccc;
      border-radius: 999px;
      padding: 6px 50px;
      font-weight: 500;
      color: #000;
      background-color: #fff;
    }



    .btn-role.active {
      color: #28a17a;
      border-color: #28a17a;
      background-color: #e6f5f1;
    }


    
    .google-btn {
      border: 1px solid #ddd;
      border-radius: 8px;
      padding: 8px 16px;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
    }

    .divider {
      display: flex;
      align-items: center;
      text-align: center;
      margin: 33px 0px;
    width: 96%;
}
.registe-content-bg{    background-color: #f6f6f6;
    height: 552px;}
.img-regiter-div-1 {    margin-top: -21px;}
    .divider::before,
    .divider::after {
      content: '';
      flex: 1;
      border-bottom: 1px solid #bbb;
    }

    .divider:not(:empty)::before {
      margin-right: .75em;
    }

    .divider:not(:empty)::after {
      margin-left: .75em;
    }

    .btn-role-2 {
    border: 1px solid #ccc;
    border-radius: 999px;
    padding: 6px 35px;
    font-weight: 500;
    color: #000;

    width: 199px !important;
        font-size: 14px;
}


    .btn-role-3 {
    border: 1px solid #ccc;
    border-radius: 999px;
    padding: 6px 35px;
    font-weight: 500;
    color: #000;
  
    width: 253px !important;
        font-size: 14px;
}
.button-div-register{    margin-left: -31px;}
.registe-content-bg-4 {
    background-color: #f6f6f6;
        padding-bottom: 80px;
  
}
.otp-btn-div{    border: 1px solid #4ba489;
    padding: 10px 100px;
    border-radius: 10px;}
    .otp-button-div{margin-top: 26px;}







    /* stepper css start here */
.stepper-main-div{margin-top: 30px; margin-bottom: 30px;     margin-left: -16px;}
     .stepper {
      background: #EEEEEE;
      padding: 20px;
      border-radius: 12px;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

    .step {
      position: relative;
      flex: 1;
      text-align: center;
    }

    .step:not(:last-child)::after {
      content: '';
      position: absolute;
      top: 12px;
      left: 50%;
      width: 100%;
      height: 2px;
      background-color: #ccc;
      z-index: 0;
    }
.otp-line-2{    margin-left: -104px;}
    .register-bg-div-h {
    background-color: #ffff;
    border-radius: 10px;
    padding: 31px 36px !important;
     } 


.img-regiter-div-img {
    margin-left: -83px;
    margin-top: 33px;
    width: 127% !important;}

.border-btn-div{    border: 2px solid #4ba489;}



    .step .circle {
      width: 20px;
      height: 20px;
      border-radius: 50%;
      background: white;
      border: 2px solid #ccc;
      margin: 0 auto 5px;
      position: relative;
      z-index: 1;
    }

    .step.active .circle,
    .step.completed .circle {
      background: #00b386;
      border-color: #00b386;
    }

    .step.active .title,
    .step.completed .title {
      color: #00b386;
      font-weight: 600;
    }

    .step small {
      color: #666;
      display: block;
    }

    .step.completed:not(:last-child)::after {
      background-color: #00b386;
    }



    
.tf-car-service .content
 {
    padding: 16px 34px 37px 34px;
    text-align: left;}

     .score-container {
    display: flex;
    align-items: center;
    background-color: #d4f5ee;
    padding: 1rem;
    border-radius: 12px;
    max-width: 320px;
    box-shadow: 0 0 10px rgba(0,0,0,0.05);
  }

  .progress-circle {
    width: 70px;
    height: 70px;
    position: relative;
  }

  .score-texts {
    margin-left: 15px;
  }

  .score-title {
    font-weight: 600;
    color: #3a7e6c;
    font-size: 1rem;
  }

  .score-desc {
    color: #7a7a7a;
    font-size: 0.875rem;
  }
.img-upoad-bg{    background-color: #ffffff;
    border-radius: 10px;
    padding: 10px 0px;
  box-shadow: 0px 4px 19px 0px rgba(0, 0, 0, 0.07);margin-top: 20px;
    width: 456px;}
    
.div-marng-btn{margin-top: 33px;}
.img-regite-rupolad{    margin-left: -32px;     width: 91%; margin-top: 45px;}
.tab-marng-div{margin: 0px -122px;}
    .drop-zone {
     width: 400px;
      height: 140px;
      border: 2px dashed #ccc;
      border-radius: 8px;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      color: #aaa;
      cursor: pointer;
      transition: border-color 0.3s ease;
      margin-left: 16px;
    margin-top: 19px;
    }
.upoald-img-bg{margin-left: 2px !important;}
    .drop-zone.hover {
      border-color: #31b29d;
    }
.book-btn-div3 {
    background-color: #4ba489;
    padding: 11px 110px !important;
    color: #fff;
    border-radius: 8px;}



    .drop-zone img {
      max-width: 100%;
      max-height: 100px;
      margin-top: 10px;
    }

    .drop-zone-icon {
      font-size: 32px;
      margin-bottom: 6px;
      opacity: 0.6;
    }
   .breadcrumb {
      display: flex;
      align-items: center;
      gap: 10px;
      flex-wrap: wrap;
    }

    .breadcrumb-item {
      display: flex;
      align-items: center;
      background-color: #e5e5e5;
      padding: 6px 12px;
      border-radius: 8px;
      font-size: 14px;
      color: #666;
      gap: 6px;
    }

    .breadcrumb-item.active {
      background-color: transparent;
      color: #20b494;
      font-weight: 500;
    }

    .breadcrumb i {
      font-size: 14px;
    }

    .separator {
      color: #999;
      font-size: 16px;
    }

.content-pad-div{margin-top: 60px; margin-bottom: 50px;}





 .step-container {
      display: flex;
      align-items: center;
      gap: 16px;
      margin-top: 10px;
    }

    .circle {
      width: 32px;
      height: 32px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: bold;
      font-size: 14px;
      transition: all 0.3s ease;
    }
/* 
    .active {
      background-color: #E6FAF5;
      color: #1D4C4F ;
      border: 1px solid #C7F4E8 ;
    } */

    .inactive {
      border: 1px solid #C7F4E8;
      color: #C7F4E8;
      background-color: transparent;
    }

    .add-others {
      margin-top: 10px;
      margin-left: 2px;
      color: #69C8AC;
      font-size: 14px;
      font-weight: 500;
      cursor: pointer;
    }

    .add-others:hover {
      text-decoration: underline;
    }


    .banner-h{    height: 380px;
}
.search-bar-top{margin-top: -48px;}
.ml--30 {
    margin-left: 8px;}





/* search result page css */
.saerch-result-main{  padding: 60px 0px;  }
.result-box-1{background-color: #fff;  box-shadow: 0px 4px 19px 0px rgba(0, 0, 0, 0.07); padding: 10px; margin-top: 10px; border-radius: 10px; }
.border-btn-search{    border: 1px solid #4ba489;
    padding: 6px 24px;
    border-radius: 6px;
    color: #4ba489;}
    .user-profile-card-1{width: 100%;}
    .profile-name-card-div{    margin-left: -14px;}

       .info-box {
      text-align: center;
      border-right: 1px solid #ddd;
    }

    .contact-info-div{background-color: #F6F6F6; padding: 10px;}
    .content-bg-clr-div{    background-color: #F2F9F7; 
   
    padding: 10px !important;
    width: 466px !important;     margin-top: 1px !important;
    margin-left: 0px !important;}
   .cont-div-btn-div{padding: 14.5px 32px !important;}
 .search-div-small ul li .nav-link {
    padding: 14.5px 14px !important;
    border: 1px solid #48a189 !important;
    color: #48a189;
    font-size: 16px;
    font-weight: 600;
    line-height: 12.16px;
    letter-spacing: 0.03em;
    text-transform: capitalize;
    border-radius: unset;
    border: unset;
    position: relative;
    background-color: #fff;
}
.active-1{color: #48a189 !important;}
.user-profle-bg{    width: 40px;
    height: 40px;
    background-color: #D9D9D9;
    border-radius: 20px;
    padding: 10px 13px;}

    .content-bg-clr-div-b {
    background-color: #F2F9F7;
    padding: 10px !important;
    width: 508px !important;
    margin-top: 1px !important;
    margin-left: 0px !important;}

    .signup-main-1 {
    background-color: #F6F6F6;
    padding-bottom: 87px;
    padding-top: 105px;}


    .content-bg-clr-div-bg {
    background-color: #F2F9F7;
    padding: 4px !important;
    width: 466px !important;
    margin-top: 1px !important;
    margin-left: 0px !important;
}

.content-bg-clr-div-ph {
    background-color: #F2F9F7;
    padding: 34px 6px !important;
    width: 466px !important;
    margin-top: -7px !important;
    margin-left: 0px !important;
}

.need-helip-para{    text-align: end;     margin-left: -11px;}
.header-top-mrng{margin-top: 19px;}

.content-bg-clr-div-lo {
    background-color: #F2F9F7;
    padding: 13px 0px 28px 20px !important;
    width: 501px !important;
    margin-top: 1px !important;
    margin-left: 0px !important;}

    .content-bg-clr-div-lo-1 {
    background-color: #F2F9F7;
    padding: 13px 0px 31px 28px !important;
    width: 514px !important;
    margin-top: 1px !important;
    margin-left: 0px !important;
}





    .input-wrapper {
      display: flex;
      border: 1px solid #4ba489;
      border-radius: 10px;
      overflow: hidden;
      transition: 0.3s ease;
      height: 50px;
          width: 86%;
    margin-left: 12px;
    margin-top: 10px;
    }

    

    .input-field {
      padding: 14px 16px;
      border: none;
      background: transparent;
      color: #4ba489;
      font-size: 16px;
      flex: 1;
      outline: none;
    }

    .dropdown {
      padding: 0px 16px;
      /* border-left: 1px solid #4ba489; */
      background: transparent;
      color: #4ba489;
      font-size: 16px;
      cursor: pointer;
      outline: none;
    }

    select {
      border: none;
      background: transparent;
      color: #4ba489;
      font-size: 16px;
      cursor: pointer;
    }

    select:focus {
      outline: none;
    }

.total-btn{border: 1px solid #4ba489;
    padding: 8px 51px;
    border-radius: 10px;}


    input[type=checkbox] + label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 30px;
    color: #595960 !important;
    font-size: 14px;
    font-weight: 500;
}



/* message box */
.custom-textarea {
      border: 1px solid #999;
      border-radius: 8px;
      padding: 12px;
      resize: none;
      height: 120px;
      color: #fff;
    }

    .char-info {
      font-size: 13px;
      color: #999;
      display: flex;
      justify-content: space-between;
      padding-top: 4px;
    }


















    
/* search result page css */
.assets-img img{width: 20px !important ;}
.assets-ctn{
  border-right: 1px solid #e1e1e1 !important;
  padding-right: 25px !important;
}
.assets-ctn p{
font-size: 12px !important;
}
.assets-main{
  display: flex;
  flex-wrap: wrap;
  row-gap: 20px !important;
  margin: 10px 0;
}

.assets-ctn-2{
  border:none !important;
}

.assets-action-items{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-bottom: 20px !important;
}
.assets-action-items-2{
  display: flex !important;
  justify-content: center;
  margin-bottom: 20px !important;
}

.getinfo-btn-div{
  padding: 6px 71px !important;
  margin-bottom: 20px !important;
      background-color: #60D669 !important;
  color: #fff !important;
}
.sharelink-btn-div{
  color: #48a189;
  text-decoration: underline

  ;
}
.saerch-result-main{  padding: 60px 0px;  }
.result-box-1{background-color: #fff;  box-shadow: 0px 4px 19px 0px rgba(0, 0, 0, 0.07); padding: 10px; margin-top: 10px; border-radius: 10px; margin-bottom: 20px; }
.border-btn-search{    border: 1px solid #4ba489;
    padding: 6px 24px;
    border-radius: 6px;
    color: #4ba489;}
    .user-profile-card-1{width: 150%;
   }
    .user-profile-card-2{width: 150%;width: 381%;
    position: relative;
    left: -6px;}
    .profile-name-card-div{    margin-left: -14px;}

    .search-rsult-tab-div{    padding-top: 85px;}
  .button-div-margn{margin-top: -30px !important;}

    .search-bg-imag{background-image: url(../images/banner/search-bg.png); background-repeat: no-repeat; background-size: 100%; height: 215px;}

    .hover-listing-image {
    min-height: 414px; 
    position: relative;
    z-index: 5;}


    .search-bnd-1{    border: 1px solid #48a189;
    padding: 6px 61px;
    border-radius: 10px;}

    .zero-btn-div{    width: 4%;
    position: relative;
    left: -10px;}


    .search-btn-div-1 {
    background-color: #4ba489 !important;
    color: #ffff;
    padding: 11px 38px !important;
    border-radius: 8px !important;}


    .saerch-result-main-1 {
    padding: 29px 0px;
}



.hover-listing-image-1 {
    min-height: 414px;
    position: relative;
    z-index: 5;
}



/* dashbaord css start here */


   
        /* Sidebar styling */
        #sidebar {
            background-color: var(--sidebar-bg);
            color: var(--sidebar-text);
            height: 100vh;
            position: fixed;
            top: 0;
            left: 0;
            width: 280px;
            transition: all 0.3s;
            box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
            z-index: 1000;
        }
        
        .sidebar-header {
            background-color: var(--header-bg);
            padding: 1.5rem 1rem;
            border-bottom: 1px solid var(--sidebar-border);
        }
        
        .user-info h4 {
            font-weight: 600;
            margin-bottom: 0.25rem;
        }
        
        .user-id {
            font-size: 0.85rem;
            opacity: 0.8;
        }
        
        .nav-divider {
            border-top: 1px solid var(--sidebar-border);
            margin: 1rem 0;
            opacity: 0.3;
        }
        
        .sidebar-nav {
            padding: 0.5rem 1rem;
        }
        
        .sidebar-nav .nav-link {
            color: var(--sidebar-text);
            padding: 0.75rem 1rem;
            margin: 0.25rem 0;
            border-radius: 8px;
            display: flex;
            align-items: center;
            transition: all 0.2s;
            font-weight: 500;
        }
        
        .sidebar-nav .nav-link:hover {
            background-color: var(--sidebar-hover);
            transform: translateX(5px);
        }
        
        .sidebar-nav .nav-link.active {
            background-color: var(--sidebar-active);
            color: white;
        }
        
        .sidebar-nav .nav-link i {
            margin-right: 12px;
            font-size: 1.2rem;
            width: 24px;
            text-align: center;
        }
        
        .logo {
            font-weight: 700;
            letter-spacing: 1px;
            color: #38bdf8;
            font-size: 1.5rem;
         margin-bottom: 0.3rem;
            display: block;
            text-decoration: none;
        }
        
        .logo span {
            color: #f1f5f9;
        }
        
        /* Content area */
        #content {
            margin-left: 280px;
            padding: 2rem;
            min-height: 100vh;
        }
        
        .dashboard-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 2rem;
            padding-bottom: 1rem;
            border-bottom: 1px solid #e2e8f0;
        }
        
        .dashboard-title {
            font-weight: 600;
            color: #1e293b;
        }
        
        .stats-card {
            background: white;
            border-radius: 12px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
            padding: 1.5rem;
            transition: transform 0.3s;
            height: 100%;
            border: 1px solid #e2e8f0;
        }
        
        .stats-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 15px rgba(0, 0, 0, 0.07);
        }
        
        .card-icon {
            width: 60px;
            height: 60px;
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 1rem;
        }
        
        .card-icon.properties {
            background: rgba(56, 189, 248, 0.15);
            color: #0ea5e9;
        }
        
        .card-icon.deleted {
            background: rgba(239, 68, 68, 0.15);
            color: #ef4444;
        }
        
        .card-icon.notification {
            background: rgba(139, 92, 246, 0.15);
            color: #8b5cf6;
        }
        
        .card-icon.profile {
            background: rgba(16, 185, 129, 0.15);
            color: #10b981;
        }
        
        /* Mobile responsive */
        @media (max-width: 992px) {
            #sidebar {
                width: 70px;
                overflow: hidden;
            }
            
            #sidebar .logo-text,
            #sidebar .nav-text,
            #sidebar .user-info {
                display: none;
            }
            
            #sidebar .sidebar-header {
                padding: 1rem 0.5rem;
                text-align: center;
            }
            
            #sidebar .nav-link {
                padding: 0.75rem;
                justify-content: center;
            }
            
            #sidebar .nav-link i {
                margin-right: 0;
                font-size: 1.4rem;
            }
            
            #content {
                margin-left: 70px;
            }
        }
        
        @media (max-width: 768px) {
            #sidebar {
                width: 0;
            }
            
            #content {
                margin-left: 0;
            }
            
            .mobile-toggle {
                display: block !important;
                position: fixed;
                top: 1rem;
                left: 1rem;
                z-index: 999;
            }
        }
        
        .mobile-toggle {
            display: none;
            background: var(--sidebar-bg);
            color: white;
            border: none;
            border-radius: 8px;
            padding: 0.5rem 0.75rem;
            font-size: 1.25rem;
        }

.has-dashboard .main-header .main-menu .navigation > li > a {
    color: #020101 !important;
}



.user-profile-elipse img {
  margin: -2px !important;
}

.edit-icon{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 24px !important;
  width: 24px !important;
  background-color: #ffffff !important;
  margin-left: 20px !important;
  border-radius: 50% !important;
}
.edit-icon i{
  font-size: 12px !important;
  color: #4ba489 !important;
  line-height: 2 !important;
}

.user-profile-elipse i {
  margin-top: 0px !important;
}

.sidebar-dashboard {
    max-width: 226px;
    width: 100%;
    padding: 0px 10px;
    background-color: #4ba489;
    height: 100vh;
    z-index: 999;
    position: fixed;
        border-radius: 10px;
   margin-top: 95px !important;
    margin-left: 97px !important;
    left: 0;}
    .profile-owner{background-color: #EDF2FF; padding: 8px 5px 11px 6px;   margin-top: 15px; border-radius: 8px;}
    .user-profile-elipse{
    display: flex
;
    align-items: center;
    flex-direction: column;
    background-color: #D9D9D9;
    width: 50px;
    height: 50px;
    border-radius: 55px;
    padding: 11px;}

    .sidebar-dashboard .db-profile {
    padding-left: 2px;
    margin-bottom: 36px;}
    .owner-btn-div{background-color: #4ba489;
    color: #fff;
    padding: 5px 5px;
    border-radius: 5px;
  font-size: 12px;
text-decoration: none;}


  .sidebar-dashboard .db-menu > ul > li.active {
    background-color:hsl(161.8deg 100% 95.11%);
}

.text-clr-b{color: #000;}
.sidebar-dashboard .db-menu > ul > li > a {
    display: flex
;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
    font-size: 16px;
    font-weight: 600;
    line-height: 28px;
    color: #ffffff;
    padding: 14px 14px;
}

.db-menu ul {
  padding: 0;
}

.db-menu ul li{
  margin: 10px 0 !important;
}

.nav-link{
  margin: 0px !important;
}
.db-menu ul li a {
  text-decoration: none;
}

.db-menu ul li a p {
  margin: 0 !important
}




.has-dashboard .page-dashboard-wrap {
    background: none;}
    
.has-dashboard {background: none;}

.dashbaord-img-div{    margin-top: 78px;
    width: 182%;
    margin-left: -194px;
}

.edit-profile-icon{position: relative;
    top: -34px;
    left: 8px;
    color: #4ba489;
  }

  .navigation li a {

    text-decoration: none  !important;

  }

  .page-dashboard-wrap {
    padding: 90px 120px 90px 70px !important;

  }



.getinfo-btn-div-1 {
    padding: 6px 60px !important;
    margin-bottom: 20px !important;
    background-color: #60D669 !important;
    color: #fff !important;
      text-decoration: none;}



.search-bnd-1-t {
    border: 1px solid #48a189;
    padding: 6px 56px;
    border-radius: 10px;
        text-decoration: none;
}



    /* .action-btn {
      font-size: 2rem;
      cursor: pointer;
      transition: transform .15s ease;
    } */
    .action-btn:hover { transform: scale(1.1); }

    /* ———Modal polish to match your mockups——— */
    .modal-content {
      border-radius: 18px;
      padding: 2.5rem 2rem;
      text-align: center;
    }
    .modal-header { border: none; }
    .modal-body { padding-bottom: 0; }

    /* Photo modal specifics */
    .avatar-wrapper img {
      width: 220px;
      height: 220px;
      object-fit: cover;
      border-radius: 50%;
      display: block;
      margin: 0 auto 1.5rem;
    }
    .upload-text {
      color: #2e7d32;           /* Google green vibe */
      font-weight: 600;
      margin-bottom: 2rem;
    }

    /* Logout modal specifics */
    .logout-icon {
      font-size: 3rem;
      color: #0d6efd;
      margin-bottom: 1rem;
    }
    .logout-title {
      font-size: 1.75rem;
      font-weight: 600;
      color: #0d6efd;
    }
    .logout-sub {
      color: #6c757d;
      margin-bottom: 2rem;
    }

.wrap-car-leave-a-reply .post-comment .input-post-comment .radio input[type=checkbox] + label:before {
    border: unset;
    background-color: #10b981;}

    




/* get info css start here */


 .property-card {
    background-color: #4ba489;;
    border-radius: 10px;
    color: #fff;
    padding: 20px;
  }
 
  .contact-icon {
    width: 18px;
    margin-right: 5px;
  }
  
  .profile-card-user-div{background-color: #fff; padding: 8px 10px; border-radius: 10px;}
.map-icon-div{color: #00b386;}
.para-yash{color: #868686; line-height: 20px;}
.cell-icon-div-1{    position: relative;
    top: 1px;
    left: -3px;}
.profile-img-div2{    margin-top: 42px;}
h6 {
    font-size: 14px;}
    .location-detail-bg-div{    background-color: #F7F9FF;
    padding: 17px 12px 2px 18px;}
    .social-media-width-div{width: 35%;    margin-right: -21px;}
    .share-text-btn{    text-decoration-line: underline;}
    .bg-primary {
    background-color: #4ba489 !important;}
    .wrap-car-review .listing-customer-review .progress .progress-text .overall-rating-number {
    color: #4ba489;}

.form-margin-div{margin-top: -27px;}
    .wrap-car-review {
    padding: 50px 30px;
    border: 1px solid #EBEBEB;
    border-radius: 15px;
    height: 334px;}

    .testimonial-v2 .btn-next-prev {
    right: 8%;
    bottom: 3%;}
    .testimonial-v2 .testimonial-v2-content .description {line-height: 23px;}
    .testimonial-v2 .testimonial-v2-image .icon i {
    font-size: 50px;
    color: #4ba489;}
    .testimonial-v2 .testimonial-v2-content .title {
    font-size: 30px;}


    .img-thumb {
    object-fit: cover;
    height: 150px;
}
.social-icon li a{text-decoration: none;}
/* get info css start here */

.phone-text-div-1{text-decoration: none; color: #000;    padding-left: 15px; }
.phone-text-div-e{text-decoration: none; color: #000;    }
.email-pos-div{    position: relative;
    left: -4px;
    top: 1px;
}

.contact-detail{    margin-top: -20px;}
.number-po-div{    position: relative;
    top: 6px;}
    .my-propertiesh-head{font-size: 26px;
    font-weight: 700;    margin-top: -29px;
    margin-bottom: 29px;}

.size-font{font-size: 25px;}




 .notification {
    /* background-color: #000; */
    border: 1px solid #e1e1e1;
    color: #77787B;
    border-radius: 8px;
    padding: 12px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .notification .icon {
    background: #EBEBEB;
    border-radius: 50%;
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #373636;
    font-size: 18px;
    margin-right: 10px;
        width: 30px;
    height: 30px;
  }
  .notification .content {
    flex-grow: 1;
    font-size: 12px;
  }
  .notification .title {
    font-weight: 600;
  }
  .notification .date {
    font-size: 11px;
    color: #999;
    white-space: nowrap;
  }
  .green { color: #00ff00; }
  .red { color: #ff3333; }
  .primary-clr-1 {
    background-color: #4BA489 !important;
    padding: 9px 0px !important;}

    .amenity-card {
    text-align: center;
    padding: 10px;
  }
  .amenity-card img {
    width: 100%;
    height: auto;
    border-radius: 5px;
  }
  .amenity-title {
    font-weight: bold;
    margin-top: 10px;
    
  }

  .amentires-ttl{font-size: 22px;}
  .margin-ttl-map{margin-bottom: 20px;}